<%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2017/10/27
  Time: 1:34
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script type="text/javascript" src="jquery-1.8.3.js"></script>
    <script type="text/javascript">
        $(function () {
            $("a").click(function () {
                //使用load方法处理Ajax
                var url = this.href+" h2 a";//这条语句可以实现插入任意一条html
                var ages = {"time":new Date()};//清除缓存
                //任何一个html节点都可以使用load方法来加载Ajax，结果将直接插入html节点中
                $("#details").load(url,ages);
                return false;
            })
        });
    </script>
</head>
<body>
<h1>people</h1>
<ul>
    <LI><a HREF="files/andy.html">Andy</a></LI>
    <LI><a href="#">Richard</a></LI>
    <LI><a href="#">Jermy</a></LI>
</ul>
<div id="details"></div>
</body>
</html>
